*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html,body.box{
	width: 100%;
	height: 100%;
}
a{
	color: #fff;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
p{
	color: #fff;
}
ul li{
	list-style: none;
}
.conter_a{
	color: #000;
}
.conter_a:hover{
	color: #000;
}
@media only screen and (max-width: 1920px) and(min-width:1200px) {
		.bujutwo{
			display: none;
		}
		.header{
			width: 100%;
			height: 25px;
			background: #b60005;
			.tu{
				img{
					margin-left: 9%;
				}
				
			}
		}
		.color{
			background: #b60005;
		}
		.section{
			width: 80%;
			height: auto;
			margin: 0 auto;
			z-index: 9;
		
			.top{
				width: 100%;
				height: 50px;
				margin-top: 10px;
				.logo{
					width: 150px;
					   margin: 0;
					padding: 0;
					line-height: 50px;
					float: left;
				}
				.nav{
					background: #222222;
					float: left;
					ul{
						li{
							float: left;
							width: 80px;
							height: 50px;
							display: block;
							text-align: center;
							line-height: 50px;
							margin: 0;
							border-right: #3c3c3c 1px solid;
							color: #fff;
						}
					}
				}
				.serch{
					padding: 0px 10px;
					float: left;
					width: 322px;
					height: 50px;
					background: #FFFFFF;
					text-align: left;
					font-style: normal;
					font-size: 14px;
					line-height: 26px;
					/*border-radius: 3px;*/
				   /* border: solid 1px #d9d9d9;*/
					background: #222222;
					input{
						margin-top: 9px;
						width: 290px;
						border-radius: 4px;
						margin-left: 15px;
					}
				}
				.login{
					float: left;
					width: 250px;
					background: #222222;
					height: 50px;
					border-radius:0 3px 3px 3px; 
					padding-left: 50px;
					p{
						font-size: 12px;
						margin-top: 10px;
					}
				}
			}
		}
		.main{
			width: 80%;
			height: 100%;
			margin-top: 10px;
			.left_dao{
				width: 15%;
				height: 100%;
				// background: blue;
				float: left;
				.list{
					width: 100%;
					display: block;
					text-align: center;
					li{
						margin-top: 10%;
						font-size: 18px;
						color: #ccc;
						position: relative;
						margin-right: 10px;
						a{
							color: #525252;
						}
						span{
							position: absolute;
							right:8px;
							background-color: #E08B00;
							color: #FFFFFF;
							border-radius: 5px;
							padding: 0 3px;
							font-size: 0.7em;
						}
					}
				}
			}
			.maxBox{
				width: 85%;
				height: 100%;
				float: left;
			}
		}
		.swiper-container{
			height: 200px;
		}
		
		.main_left{
			width: 59%;
			float: left;
			// background: yellow;
			margin-right: 1%;
			margin-top: 20px;
			.title{
				 border-left: #b60005 10px solid;
				 background: #ccc;
				 height: 30px;
				 line-height: 30px;
				 a{
					 margin-left: 20px;
					 color: #000;
				 }
			}
			.comuln{
				width: 100%;
				img{
					display: inline-block;
					/*width: 100px;
					height: 100px;*/
					margin-top: -200px;
				}
				ul{
					display: inline-block;
					h2{
						font-size: 16px;
					}
					span{
						font-size: 14px;
					}
					li{
						font-size: 16px;
						height: 30px;
						background: #e0e0e0;
						display: block;
						width: 200px;
						height: 60px;
						line-height: 30px;
						margin-top: 10px;
						border-radius: 5px;
					}
				}
			}
			.hotdain{
				width: 100%;
				margin-top: 20px;
				.titletwo{
					 border-left: #585858  10px solid;
				 background: #ccc;
				 height: 30px;
				 line-height: 30px;
				 a{
					 margin-left: 20px;
					 color: #000;
				 }
				}
				h2{
					 font-size: 14px;
						margin: 5px 0;
						padding: 0;
						font-weight: bold;/*position: relative;*/
						span{
							/*position: absolute;*/
							left: 23%;
							background-color: #E08B00;
							color: #FFFFFF;
							border-radius: 5px;
							padding: 0 3px;
							font-size: 0.7em;
						}
				}
				.pc1{
					color: #ccc;
					a{
						color: #000;
		
					}	
				}
				.pc2{
					color: #000;
				}
				.zzz{
					width: 100%;
					img{
						width: 100%;
					}
				}
			}
		
		}
		.main_right{
			width: 40%;
			float: left;
			margin-top: 20px;
			.couright{
				.title{
					 border-left: #585858  10px solid;
				 background: #ccc;
				 height: 30px;
				 line-height: 30px;
				 a{
					 margin-left: 20px;
					 color: #000;
				 }
				}
				form{
					ul{
						text-align: center;
						li{
							// text-align: center;
							border-radius: 5px 5px 5px 5px;
							margin:0 auto;
							background: #fff;
							width: 90%;
							margin-top: 15px;
							height: 25px;
							line-height: 25px;
							input{
								border-radius: 5px;
								width: 100%;
								outline: none;
								border: none;
							
							}
							a{
								color: #fff;
							}
							
						}
						.btn{
							background: #7F7F7F;
							text-align: center;
							line-height: 15px;
						}
					}
				}
			}
		
			.ranking_list{
				width: 100%;
				margin-top:20px;
				.ranking_title{
					border-left: #585858  10px solid;
					background: #ccc;
					height: 30px;
					line-height: 30px;
					a{
						margin-left: 20px;
						color: #000;
					}
				}
				ul{
					li{
						width: 100%;
						border-bottom: dashed 1px #ccc;
						height: 40px;
						line-height: 40px;
						a{
							color: #000;
							float: left;
						}
						span{
							color: #ccc;
							float: right;
						}
					}
				}
			}
		}
		
		footer{
			width: 100%;
			background: rgb(158, 157, 157);
			margin-top: 10px;
			.footer_top{
				height: 40px;
				width: 100%;
				background: #353535;
				text-align: center;
				ul{
					width: 30%;
					// background: red;
					margin: 0 auto;
					li{
						color: #ccc;
						height: 40px;
						line-height: 40px;
						a{
							color: #ccc;
						}
					}
				}
			}
			.footer_concat{
				width: 80%;
				margin-left: 10%;
				padding-top:20px; 
				padding-bottom:20px;
				.pgt{
					a{
						margin-right: 5px;
					}
				}
			}
		}

}
@media only screen and (max-width: 1200px) and (min-width:500px) {

	*{
		margin: 0;
		padding: 0;
	}
	.container-fluid,footer{
		display: none;
	}
	.bujutwo{
		display: block;
		width: 100%;
		height: 100%;
		background: red;
		.t_header{
			width: 100%;
			height: auto;
			.headerc{
				width: 100%;
				height: 20px;
				background: #000;
				text-align: center;
				img{
					margin: 0 auto;
				}
			}
			.headert{
				width: 100%;
				height: 60px;
				background: #b60005;
				text-align: center;
				img{
					margin: 0 auto;
				}
			}
		}
	}

}

.yan{
	background: #b60005;
}
.tow_content2{
	width: 100%;
	height: auto;
	
	nav{
		width: 100%;
		height: 50%;
		background: #3c3c3c;
		ul{
			width: 100%;
			height: 50%;
			overflow: hidden;
			text-align: center;
			line-height: 50px;
			margin: 0;
			li{
				width: 20%;
				float: left;
				a{
					font-size: 18px;
				}
			}
		}
	}
	.menu2{
		width: 100%;
		background: #000;
		height: 50px;
		line-height: 50px;
		span{
			color: #fff;
			font-size: 18px;
			margin-left: 10px;
		}
		p{
			width: 150px;
			display: inline-block;
			font-size: 18px;
			margin-left: 38%;
		}
	}

	//内容
	.main_left2{
		width: 100%;
		float: left;
		// background: yellow;
		margin-right: 1%;
		margin-top: 20px;
		.title2{
			 border-left: #b60005 10px solid;
			 background: #ccc;
			 height: 30px;
			 line-height: 30px;
			 a{
				 margin-left: 20px;
				 color: #000;
			 }
		}
		.comuln2{
			width: 100%;
			img{
				display: inline-block;
				/*width: 100px;
				height: 100px;*/
				margin-top: -200px;
			}
			ul{
				display: inline-block;
				h2{
					font-size: 16px;
				}
				span{
					font-size: 14px;
				}
				li{
					font-size: 16px;
					height: 30px;
					background: #e0e0e0;
					display: block;
					width: 200px;
					height: 60px;
					line-height: 30px;
					margin-top: 10px;
					border-radius: 5px;
				}
			}
		}
		.hotdain2{
			width: 100%;
			margin-top: 20px;
			.titletwo2{
				 border-left: #585858  10px solid;
			 background: #ccc;
			 height: 30px;
			 line-height: 30px;
			 a{
				 margin-left: 20px;
				 color: #000;
			 }
			}
			h2{
				 font-size: 14px;
					margin: 5px 0;
					padding: 0;
					font-weight: bold;/*position: relative;*/
					span{
						/*position: absolute;*/
						left: 23%;
						background-color: #E08B00;
						color: #FFFFFF;
						border-radius: 5px;
						padding: 0 3px;
						font-size: 0.7em;
					}
			}
			.pc12{
				color: #ccc;
				a{
					color: #000;
	
				}	
			}
			.pc22{
				color: #000;
			}
			.zzz2{
				width: 100%;
				img{
					width: 100%;
				}
			}
		}
	
	}
	.menu2_list .menu_li li{
		width: 100%;
				height: 30px;
				border-bottom: solid 1px #ccc;
				border-top: solid 1px #ccc;
				text-align: center;
	}
	.menu2_list .menu_li li a{
		color: #000;
	}
	.menu2_list{
		display: none;
		background: #fff;
	}
	// 
}

.footer{
	background: #fff;
	margin: 0;
	padding: 0;
}


.container-fluid{
	margin: 0;
	padding: 0;
}
.m_title{
	width: 100%;
	height: 30px;
	background: #ccc;
	border-left: #b60005 10px solid;
	line-height: 30px;
	span{
		margin-left: 20px;
		color: #000;
	}
}
.m_word{
	width: 100%;
	text-align: center;
	h1{
		color: #353535;
	}
	p{
		color: #ccc;
		text-align: center;
		span{
			color: rgb(31, 29, 29);
		}
	}
	.ptext{
		font-size: 16px;
		color: #222222;
		margin-top:20px;
	}
	img{
		margin-top: 20px;
	}




}


.word_ul{
	width: 100%;
	height: 50px;
	border-bottom: dashed #ccc 1px;
	background: rgb(224, 222, 222);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	.s1{
		text-align: left;
		color: rgb(146, 140, 140);
		margin-left: 20px;
	}
	.s2{
		text-align: right;
		color:rgb(146, 140, 140);
		margin-right: 20px;
	}
}
.btn{
	width: 100%;
	height: 40px;
	text-align: center;
	span{
		width: 120px;
		height: 30px;
		padding: 5px;
		border-radius: 5px;
		display: inline-block;
		color:#fff;
		background: #b60005;
	}
}



































.swiper-container {
      width: 100%;
      height: 400px;
      margin-left: auto;
      margin-right: auto;
      background: #fff;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .gallery-top {
      height: 80%;
      width: 100%;
    }
    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
      width:20%;
      height: 20px;
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-active {
      opacity: 1;
    }
    .swiper-container {
    	height: 200px;
    	margin-top: 0;
  
    }
    .swiper-wrapper{
    	width: 100px;
    	height: 300px;
    }
    .swiper-container{
    	height: 300px;
    }
    .gallery-thumbs{
    	height: 100px;
    }
